@charset "utf-8";
/* position */
img { border:0px;}
.ption_r {position:relative;}
.ption_a {position:absolute;}
.f_left{float:left;}
.f_right{float:right;}
.clearfix{clear:both; _height:1px; overflow:hidden; *display:inline;}
.hid,.qqdiv{display:none;}
select,input{   vertical-align:middle;}
select{ height:20px; font-size:12px;}
html, body { font-size: 9pt; margin: 0px; color: #FFF; font-family: Microsoft Yahei, Verdana, Geneva, sans-serif; overflow: hidden; }
p { margin: 0px; }
.u { cursor: pointer; text-decoration: none; }
.date { color:#F0F8FF; }
.OnLineUser { width: 100%; overflow: auto; position: relative; }
.OnLineUser li { list-style-type: none; float: left; }
.OnLineUser li img { border: 0px; }
.OnLineUser li a { line-height: 22px; padding: 1px; float: left; width: 192px; padding: 4px; cursor:default}
.OnLineUser li span { float: right; cursor: pointer; }
.OnLineUser li cite { float: left; padding-right: 3px; position: relative; height: 30px; overflow: hidden }
.OnLineUser li cite .head { height: 30px; width: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.OnLineUser li cite .state { position: relative; margin-right: -15px; left: -13px; top: 3px; }
.OnLineUser li dt { height: 20px; line-height: 28px; width: 100px; overflow: hidden; float: left; margin: 0px; white-space: nowrap; text-overflow: ellipsis; }
.OnLineUser li dt code { color: #999; display: none }
.OnLineUser li dd { height: 20px; width: 45px; overflow: hidden; float: left; margin: 0px; display: none; }
.OnLineUser li dl { height: 20px; width: 170px; overflow: hidden; float: left; margin: 0px; color: #999; display: none; }
.OnLineUser li a:hover dt { width: 100px; }
.OnLineUser li a:hover { background:#F60}
.OnLineUser li .bts { padding:4px;  float:left;}
.OnLineUser li .bts  .osl{ height:22px; line-height:22px; border:0px; background:#fa7838; text-align:center; width:40px; color:#fff}
.OnLineUser li .bts  .qsl{ height:22px; line-height:22px; border:0px;text-align:center; width:75px; color:#fff; margin-left:10px; padding-left:10px; background:url(../../images/icon_qq.png) no-repeat; background-color:#09F; background-position: 4px 3px;}
.OnLineUser li .sn { padding:4px; float:left;}
.notice{height: 90px; line-height: 20px; padding: 0 10px; overflow: hidden; border-top: 1px dotted #FFF;}
.notice span{width: 150px; display: block; color: #000; background-color: #FFF; border-radius: 5px; margin: 3px 0px; padding: 3px 10px; word-break:keep-all; white-space:nowrap; overflow: hidden;}
#UI_MainBox { width: 100%; min-width: 1024px; height: 768px; min-height: 768px; }
#UI_Head { MIN-WIDTH: 910px; HEIGHT: 50px; margin-bottom: 5px; }
#UI_Head .head { MIN-WIDTH: 910px; HEIGHT: 40px; background-image: url(../../images/png1.png); overflow: hidden; }
#UI_Head .logo_bg {width: auto; position: absolute; top: 0px; left: 0px; height: 40px; z-index: 1000;line-height: 40px; font-size: 14px;vertical-align:middle;}
#UI_Head .logo_bg .lb_l{
    width: 200px;
    background: #ffab1a;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    font-size: 18px;
}
#UI_Head #head_box { POSITION: relative; }
#UI_Head #head_box .head_user { POSITION: absolute; COLOR: #fffbe6; TOP: 5px; RIGHT: 9px }
#UI_Head #head_box .head_user .qqlogin{position: absolute; right: 160px; top: 3px;}
#UI_Head #head_box .head_user .Wechat_logo{position: absolute; right: 232px; top: 3px;}
#UI_Head #head_box .head_user .reg{text-align: center;font-size: 14px;float: left;display: block;width: 70px;height: 30px;line-height: 32px;background: #2d71e2;color: #FFF;margin-left: 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
#UI_Head #head_box .head_user .Wechat_logo{
    position: absolute;
    right: 232px;
    top: 3px;
}
#UI_Head #head_box .head_user .login{text-align: center;font-size: 14px;float: left;display: block;width: 70px;height: 30px;line-height: 32px;background: #ffb21d;color: #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
#UI_Head #head_box .head_user .userinfo {text-align: center;font-size: 14px;float: left;display: block;height: 32px;line-height: 32px;background:#09F;color: #fff; padding-right:10px;}
#UI_Head #head_box .head_user .userimg{float: left;height: 32px; margin-right:5px;}
#UI_Head #head_box .head_user .userlogout{text-align: center;font-size: 14px;float: left;display: block;height: 32px;line-height: 32px;background:#666;color: #fff;padding-right:10px;padding-left:10px;}
#UI_Left { width: 212px; margin-bottom: 2px; margin-left: 0px; float: left; }
#UI_Right { width: 520px; position: absolute; top: 55px; right: 5px;}
#UI_Central { margin-right: 2px; margin-left: 772px; *display: inline-block;
width: auto; }
#UI_Left1 { float: left; /*width: 50px; */margin-bottom: 0px; overflow: hidden; }
#UI_Left2 { float: left; width: 200px; margin-left: 2px; }
#MsgBox { }
#Msg img { vertical-align:text-bottom; }
#FontBar { background:#F8F8F8; padding: 4px; height: 20px; width: 400px; overflow: hidden; position: absolute; z-index: 1000;}
#ColorTable li { list-style-position: outside; list-style-type: none; width: 10px; height: 10px; overflow: hidden; float: left; cursor: hand; }
.drag_skin { height: 1px; cursor: n-resize; overflow: hidden; background-image: url(../../images/MesSplit.png) }
a { font-size: 12px; color: #FFF; text-decoration: none; cursor:pointer }
.bt_down { font-family: Webdings; width: 10px; text-align: center; }
.bt_true { border: 1px #999 solid; background-color:#CCC; }
.bt_false { border: 1px #F8F8F8 solid; background-color: #F8F8F8; }
.head_bg { background-image: url(HeadBackground_R.jpg); background-repeat: no-repeat; background-position: right; height: 40px; }
.title_bar { height: 30px; line-height: 30px;border-bottom: 1px solid #356dad;;background-image: url(../../images/png2.png); color: #FFF; font-size: 14px;overflow: hidden;}
.title_bar .a_bar{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
}
.title_bar div { float: left; }
.title_bar input {  margin-left: 2px; margin-right: 2px; }
#Send_key_option { border: 1px solid #CCB3B3; background: #f4fdec; padding: 2px; width: 180px; position: absolute; overflow: hidden; cursor: hand; }
#Manage { border: 1px solid #CCB3B3; background: #f4fdec; width: 290px; padding: 5px; position: absolute; overflow: hidden; }
#ColorTable { border: 1px solid #CCB3B3; background: #F8F8F8; padding: 5px; width: 180px; position: absolute; overflow: hidden; }
#ToUser{font-size: 12px;   border: 1px solid #ccc; height:22px; width:90px; vertical-align:baseline; margin:0px; margin-left:5px;}
#Video_List { position: absolute; }
#Video_List .list { float: left; width: 148px; height: 110px; overflow: hidden; border: 1px solid #CCB3B3; margin-top: 1px; margin-left: 1px; }
#Video_List input { float: right; margin-top: 2px; }
#massage_box { border: 1px solid #ccc; }
#massage_box .title { background: #ccc; }
.Video_main_over { position: absolute; display: block; height: 150px; width: 260px; overflow: hidden; }
.Video_main_out { position: absolute; display: block; height: 150px; width: 150px; overflow: hidden; }
#menu { border: 1px solid #333; cursor: default; position: absolute; color: #333; background: #FFF; box-shadow: 1px 1px 2px #aaaaaa; }
#menu #n { height: 20px; line-height: 20px; margin: 2px; margin: 1px; }
#menu #icon { height: 20px; width: 20px; float: left; overflow: hidden; padding-left: 5px; }
#menu .over { background: #333; color: #FFF; padding: 2px; }
#menu .out { background: #FFF; padding: 2px; }
#menu .hr { background: #333; padding: 0px; }
#PInfo { position: absolute; border: 1px solid #ccc; border-top: 3px solid #ccc; top: -1000px; z-index: 1000; background: url(pop.gif) }
#PInfo .div { border: 1px solid #ccc; }
#Emote .div1 { border: 1px #FFF solid; margin: 1px; cursor: pointer; height: 24px; overflow: hidden }
#Emote .div2 { border: 1px #CCC solid; margin: 1px; cursor: pointer; height: 24px; overflow: hidden }
.bg_png { background-image: url(../../images/png.png); }
/*.bg_png1 { background-image: url(../../images/png1.png); }*/
.bg_png2 { background-image: url(../../images/png2.png); margin-top: 4px;}
.sex-man { float: r ight; margin-top: 1px; cursor: pointer; width: 16px; height: 16px; background: url(t3.png) no-repeat -16px -11px; }
.sex-womon { float: right; margin-top: 1px; cursor: pointer; width: 16px; height: 16px; background: url(t3.png) no-repeat -45px -11px; }
.vipico {float: right; width: 30px; height:30px;overflow: hidden ;}
.vipico img{width: 30px; height:30px; cursor:default}
.content { background: rgb(243,245,246); padding: 3px; border-radius: 3px; float: left; box-shadow: 1px 1px 3px #000; line-height: 19px; color: #333; margin-bottom: 2px; }
.appico { display: inline-block; text-align: center; border-bottom: 1px #333333 solid; padding-bottom: 2px; }
.appico img { margin-top: 6px; margin-bottom: 0px; width: 40px; height: 40px; border: 0px; }
.appico span { color:#FFF; }
.appico:hover span { color: #FF0; }
.msg { float: left; margin-bottom: 2px; font-size:13px; position:relative; }
.msg .msg_head { float: left; width: 50px; margin: 3px 3px 0 0; position:absolute; left:0px; }
.msg .msg_head img { width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.msg .msg_content { float: left; margin-left:55px; left:0px; }
.msg .msg_group_ico{ width:18px; height:18px; vertical-align:text-bottom}
.dui { background-color: #EC781A; padding: 0 4px; border-radius: 4px; }
.title_tab{ float:left;width: 100%;}
.title_tab a{display:block; width:190px; height:30px; float:left; line-height:30px; text-align:left; color:#FFF;cursor: pointer;padding: 0 5px;font-size: 16px;}
.title_tab a span{
    font-size: 12px;
}
.title_tab a:hover{ text-decoration:underline;}
.zmurl{width: 100px; height: 30px; margin-left: 10px;}
.zwid{width: 82px;}
.bdisc {
    margin-left: 10px;
    cursor: pointer;
    display: none;
}
.bdisc img{
    display: inline-block;
    vertical-align: text-bottom;
    border: 0px;
    margin-top: 5px;
}
.zmurl img{display: inline-block; vertical-align:text-bottom; border:0px;margin-top: 5px;}
.hb-register{height: 40px;line-height: 40px;text-align: left;color: #ffe92f;font-size: 16px;padding-left: 550px;float: left;}
.head_box .txtMarquee-left .infoList li{
    height: 40px;line-height: 40px;text-align: left;color: #ffe92f;font-size: 16px;float: left;
}
.kefu {background:#09f url(qqkefu.png) no-repeat scroll 0 0 ; border-radius: 3px; padding:2px 56px;}
.kefu img{ width:16px; height:16px; vertical-align:text-bottom; border:0px;}
.NoticeList .tab a{ float:left; display:block; padding:2px 0; margin-top: 2px; font-size:14px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.NoticeList .tab a:hover{ background:#F60;}
.NoticeList .tab .active{ background:#F60;}
.notice_tab{margin-right: 5px; text-align: center; width: 80px;}
#kickmp { margin:10px;}
#kickmp  input{ height:20px; line-height:20px; width:260px;}
#kickmp  select{ height:20px; line-height:20px; width:130px;}
.bt1{text-align: center;font-size: 14px; display: block; margin:5px 0 ; padding:5px;background: #6BC30D;color: #fff; border:0px; }
.bt2{text-align: center;font-size: 14px; display: block; margin:5px 0 ; padding:5px;background:#666;color: #fff; border:0px;}
#OnLine_MV{ height:100%; text-align:center}
/* 聊天区输入部分样式 */
#topicinput{width:100%;height:94px;left:0;bottom:5px;}
.tool_bar{margin:0px;background:rgb(243,243,243);height:87px; overflow:hidden;position:relative;}
.tool_bar a{ color:#000}
.bar{padding:3px 5px 3px 22px;height:14px;line-height:14px;border:#ccc 1px solid;border-radius:2px;background:#fff;margin:7px 0 0 5px; display:inline-block;background:url(../../images/tool.png) no-repeat;}
.bar:hover{border:#999 1px solid;}
.bar_1{background-position:4px 4px;}
.bar_2{background-position:4px -36px;}
.bar_3{background-position:3px -77px;}
.bar_4{padding:3px 5px 3px 22px;height:14px;line-height:14px;border:#ccc 1px solid;border-radius:2px;background:#fff;margin:7px 0 0 5px; display:inline-block;background:url(../../images/bin.png) no-repeat;background-position:4px 4px;}
/*.bar_5{background-position:4px -158px;}*/
.bar_6{background:url(../../images/icon_1.png) no-repeat; background-position:-7px -5px; margin-right:5px;}
.bar_7{background:url(../../images/icon_1.png) no-repeat; background-position:-7px -380px; }
.bar_1:hover{background-position:4px -201px;}
.bar_2:hover{background-position:4px -241px;}
.bar_3:hover{background-position:3px -282px;}
/*.bar_4:hover{background-position:4px -323px;}*/
.bar_5{padding:3px 5px 3px 22px;height:14px;line-height:14px;border:#ccc 1px solid;border-radius:2px;background:#fff;margin:7px 0 0 5px; display:inline-block;background:url(../../images/check.png) no-repeat;}
.bar_5{background-position:4px 2px;}
.bar_5[select=true]{background-position:4px -44px;}
.bar_7:hover{ background-position:-7px -355px;}
.tool_bar .s_right{position:absolute;right:3px;top:7px;background:rgb(243,243,243);padding-left:30px;}
.tool_bar select{margin:0 5px;}
.input_area{margin:0 5px;background:rgb(255,255,255);height:62px;position:relative;padding:5px 130px 0 5px;}
.input_area input{font-size:20px;padding:5px 0;width:100%;height: 42px;border:#B67233 1px solid;outline:none;font-family:Microsoft Yahei}
.sub_btn{background:#aaa url(../../images/sent.png) center center no-repeat; width:110px;height:55px;line-height:35px;display:block;border-radius:5px;font-size:0px;position:absolute;right:5px; top:5px;}
/* 表情、彩条 */
#face{background:#fff;border:rgb(146,146,142) 1px solid; color:#000;border-radius:3px;padding:5px;width:252px;height:180px;position:fixed;box-shadow: 1px 1px 3px #000;z-index:99999999;}
#face dd{float:left;width:28px;height:28px;overflow:hidden;cursor:pointer;}
#face ul,#caitiao ul{height:22px; line-height:22px;background:#e4e4e3 url(../../images/g_bg.jpg) left top repeat-x;position:absolute;left:0;bottom:0;width:100%;}
#face ul li,#caitiao ul li{float:left; padding:0 5px;border-left:#e4e4e3 1px solid;border-right:#e4e4e3 1px solid;}
#face ul li:hover,#face ul .f_cur,#caitiao ul li:hover,#caitiao ul .f_cur{background:#fff;border-color:#d9d9d8;cursor:pointer;}
#caitiao{background:#fff;border:rgb(146,146,142) 1px solid; border-radius:3px;padding:5px;width:70px;height:170px;left:73px;bottom:81px;box-shadow: 1px 1px 5px #666; color:#000}
#caitiao dd{background:#f8f6fe;height:22px; line-height:22px;text-align:center;cursor:pointer;}
#caitiao dd:hover{background:#4ca0d9;}
.gray  cite{ color:#ddd;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter:grayscale(1);} 

.huanfu{position: absolute; right: 230px; top: 7px;}
.huanfu #huanfugn{line-height: 14px;display: inline-block;text-align: center;float:left;font-weight:bold;border:solid 1px #FF0;color: #FF0;padding: 5px;width: 30px;}
.bg_list{width:127px;height:71px;margin:2px 3px 0 3px;cursor:pointer;}
#defvideosrc i{color: #ffb21d; font-style: normal; font-weight: bold;}
#Div_VN1{margin-left: 32px;}
#Div_VN1 img{height:23px;}

/*#NoticeList{line-height: 20px; padding: 10px;}*/
.notice_div{line-height: 20px; padding: 10px;}
#notice_5_div{padding: 0;}

#qqbts{height:23px;color:#f00;overflow: hidden;padding: 0 5px;}
#qqbts p{margin:0 5px;background:#fff;padding-left:10px;padding-top:2px;height:30px;line-height:30px;}
#qqbts p a{margin-right:10px;display:inline-block;}
#qqbts p a img{display:inline-block;}
#qqbts span{background: #2184df url(../../../images/bi.png) no-repeat scroll right center; color: #fff; display: inline-block; float: left; height: 22px; line-height: 22px; padding: 0 10px 0 8px;}
#qqbts .morekf{float:right;color:red;line-height: 20px;}

#gd_ad span{width: 27px; height: 85px; position: absolute; top: 80px; left: 20px; cursor: pointer;}
#gd_ad .prev{background: url(../../../images/prev.png) no-repeat scroll right center;}
#gd_ad .next{background: url(../../../images/next.png) no-repeat scroll right center; left: auto; right: 20px;}


.re-Code{
    background: #042047;
     -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.re-Code .sc{
    text-align: left;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    position: relative;
    padding-left: 26px;
}
.re-Code .sc lable{
    position: absolute;
    width: 17px;
    height: 16px;
    top: 4px;
    left: 2px;
    margin-right: 6px;
}
.re-Code .Code-pic{
    padding: 10px;
    background: #fff;
     -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     margin: 0 auto;
     width: 176px;
     color: #333;
     text-align: center;
}
.re-Code{
     padding-bottom: 2px;
     margin-bottom: 5px;
}
.re-Code .Code-pic .cp-l{
    float: left;
}
.re-Code .Code-pic .cp-l>img{
    margin-bottom: 10px;
}
.re-Code .Code-pic .cp-l p{
    line-height: 27px;
    font-size: 16px;
}
.re-Code .Code-pic .cp-l p>img{
    float: left;
}
.re-Code .Code-pic .cp-r{
    float: right;
}
.re-Code .Code-pic .cp-r>img{
    margin-bottom: 10px;
}
.re-Code .Code-pic .cp-r p>img{
    float: left;
}
.re-Code .Code-pic .cp-r p{
    line-height: 27px;
    font-size: 16px;
}

/*手机二维码*/
.zb-code{
    background: #042047;
     -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     padding: 5px;
     margin-bottom: 10px;
}
.zb-code .zc-l{
    float: left;
    width: 50%;
}
.zb-code .zc-r{
    float: right;
    width: 50%;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding-top: 16px;
}
#RoomMV .rm-xs{
    padding: 0px 10px;
}
#defvideosrc{
    margin-right: 30px;
}


.NoticeList .slideTxtBox{ width:100%;}
.NoticeList .slideTxtBox .hd{ height:30px; line-height:30px;position:relative;}
.NoticeList .slideTxtBox .hd ul{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height:30px;   }
.NoticeList .slideTxtBox .hd ul li{ float:left; padding:0 40px; cursor:pointer;  }
.NoticeList .slideTxtBox .hd ul li.on{background: #F60;;}
.NoticeList .slideTxtBox .bd>div{
    padding: 20px;
    height: 100%;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.NoticeList .slideTxtBox .bd div.div03 .pic{
    text-align: center;                 
}
.NoticeList .slideTxtBox .bd div.div03 .list li{
    line-height: 30px;
    text-align: left;
}
.NoticeList .slideTxtBox .bd div.div03 .list li a{
    font-size: 14px;
    color: #fff;
}
.NoticeList .slideTxtBox .bd div.div04 p{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message{
    margin-bottom: 20px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-l{
    width: 74px;
    float: left;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-l>img{
    max-width: 100%;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-r{
    float: left;
    padding-top: 10px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-r .rq img{
    margin-right: 10px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-r .bf img{
    margin-right: 10px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-message .jm-r .rq{
    margin-right: 40px;
}
.NoticeList .slideTxtBox .bd div.div02 .js-introduce{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-indent: 2em;
}

.NoticeList .slideTxtBox .bd div.div03 img{
    max-width: 100%;
    cursor: pointer;
}

.NoticeList .slideTxtBox .bd div.div01{
    /*min-height: 250px;*/
    padding: 10px;
    overflow: hidden;
    text-align: center;
}
.NoticeList .slideTxtBox .bd div.div01>img{
    max-width: 100%;
    max-height: 100%;
}


.biaoqing_box{
    margin: 0 5px;
    padding: 5px;
    position: relative;
    height: 25px;
}
.biaoqing_box li {
    float: left;
    cursor: pointer;
    margin-right: 10px;
    padding-bottom: 2px;
}

.slideTxtBox {
    /*height: 500px;*/
}

.NoticeList .slideTxtBox .div01 .banner ul{
    position: relative;
    overflow-y: hidden;
    height: 150px;
}
.NoticeList .slideTxtBox .div01 .banner li{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 320px;
}
.NoticeList .slideTxtBox .div01 .banner li a{
    width: 100%;
    display: block;
}
.NoticeList .slideTxtBox .div01 .banner li a img{
    width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.NoticeList .slideTxtBox .div01 .banner{
    position: relative;
    overflow: hidden;
}
.NoticeList .slideTxtBox .div01 .banner #b-next{
    width: 19px;
    height: 36px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -18px;
    display: none;
}
.NoticeList .slideTxtBox .div01 .banner #b-prev{
    width: 19px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
    display: none;
}


/*vip弹窗*/
.popup{
  display:none;
  z-index: 100;
  position:fixed;
  height:100%;
  width:100%;
  left:0;
  top:0;
}
.popup .dark{
  position:absolute;
  left:0;
  top:0;
  background: #000;
  filter:Alpha(opacity=60); 
  opacity: 0.7;
  height:100%;
  width:100%;
}
.popup .tchuang{
  width:620px;
  height:400px;
  background:url(../../images/tchuang.jpg) no-repeat;
  position:absolute;
  left:50%;
  margin-left:-310px;
  top: 50%;
  margin-top: -200px;

}
.popup .tchuang .m-box{
    width: 300px;
    height: 190px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -150px;
}
.popup .tchuang .tc-tel{
    width: 280px;
    height: 40px;
    background: #fff;
    border: 0;
    padding: 0 10px;
    font-size: 18px;
    line-height: 40px;
    color: #333;
    margin-bottom: 10px;
}
.popup .tchuang .m-box .pic-box{
  margin-bottom: 10px;
}
.popup .tchuang .m-box .pic-box #pic-code{
    width: 140px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 20px;
    border: none;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    outline: none;
}
.popup .tchuang .m-box .pic-box #btn-pic{
    width: 100px;
    height: 38px;
    float: left;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    line-height: 80px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.popup .tchuang .m-box .pic-box #btn-pic img{
  width: 100%;
}
.popup .tchuang .tc-btn{
    width: 300px;
    height: 40px;
    border: 0;
    font-size: 24px;
    line-height: 40px;
    background: url(../../images/sqkt.gif) no-repeat;
    color: #333;
    cursor: pointer;
}
.popup .tchuang #id_code{
    width: 130px;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #333;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    padding: 0 10px;
}
.popup .tchuang #btn-code{
    width: 110px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    color: #994e4d;
    border: none;
    cursor: pointer;
    background: #fdf9f9;
}
.popup .tchuang .tc-close{
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: #333;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}


.popup .tc-suc{
    width: 400px;
    height: 250px;
  position:absolute;
  left:50%;
  margin-left:-200px;
  top: 50%;
  margin-top: -125px;
  background: #fff;
  display: none;
}
.popup .tc-suc h2{
    font-size: 26px;
    text-align: center;
    line-height: 50px;
    position: relative;
    background: #da0503;
}
.popup .tc-suc h2 i{
    width: 34px;
    height: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: url(../../images/suc-c_03.png) no-repeat;
}
.popup .tc-suc .suc-art{
    padding: 20px;
    font-size: 18px;
    color: #484848;
    font-size: 18px;
}
.popup .tc-suc .suc-art span{
    color: #da0503;
    font-weight: bold;
}
.popup .tc-suc .suc-btn{
    width: 150px;
    height: 50px;
    background: #da0503;
    display: block;
    margin: 0 auto;
    border: none;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    margin-top: 30px;
} 



/*#alertad {*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: url(sgt.gif) no-repeat;*/
    /*position: relative;*/
/*}*/
#alertad ul{
    width: 733px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -366.5px;
}
#alertad ul li{
    float: left;
    margin-right: 5px;
    height:20px;
    display: inline-block;
}
#alertad ul li:last-child{
    margin-right: 0;
}

/*视频图片的样式*/
#OnLine_MV{position: relative;}
.line_ad{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.line_ad img{
    width: 100%;
    height: 100%;
}
.line_ad .ad_pic{
    position: absolute;
    bottom: 48px;
    left: 64px;
    height: 33px;
    overflow-y: hidden;
}
.line_ad .ad_pic li{
    width: 92px;
    height: 33px;
    float: left;
    margin-right: 5px;
}
.line_ad .ad_pic li a{
    width: 100%;
    height: 100%;
    display: block;
}
.line_ad .ad_pic li:last-child{
    margin-right: 0;
}


.tc-box{
    position: absolute;
    left: 50%;
    margin-left: -310px;
    top: 50%;
    margin-top: -200px;
}
.popup .tc-close{
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: #333;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background: url(../../images/suc-c_03.png) no-repeat;
}

/*擒牛弹窗*/
.bdisc-box{
    width: 760px;
    background: #ffffff;
    padding: 20px;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    z-index: 1;
    color:#333;
    display: none;
}
.bdisc-box .isc_colse{
    position: absolute;
    right: -17px;
    top: -17px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background: url(../../script/skin/default/xubox_ico0.png) no-repeat;
    background-position: -60px -195px;
    cursor: pointer;
}
.bdisc-box .isc_colse.move{
    background-position: -91px -195px;
}
.bdisc-box .gp_top{
    overflow-y: hidden;
    background: #efefef;
    border: 1px solid #ddd;
}
.bdisc-box .gp_top p{
    font-size: 14px;
    line-height: 28px;
}
.bdisc-box .gp_top p.p01{
    float: left;
    padding-left: 10px;
}

.bdisc-box .gp_top p.p02{
    float: right;
    padding-right: 40px;
}
.bdisc-box .gp_cause{
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
}
.bdisc-box .gp_cause span{
    color: #e72525;
}
.bdisc-box .qq_content{
    padding: 10px;
    background: #264b71;
    margin-top: 10px;
}
.bdisc-box .qq_content h3{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.bdisc-box .qq_content .qq_list{
    margin-top: 20px;
    margin-bottom: 10px;
    overflow-y: hidden;
}
.bdisc-box .qq_content .qq_list li{
    float: left;
    margin-right: 2px;
}

/*判断是否登录弹窗*/
.login_tip{
    display: none;
    width: 418px;
    height: 148px;
    border: 1px solid #d7d7d7;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -210px;
    margin-top: -75px;
    z-index: 99;
    overflow: hidden;
}
.login_tip .lt_content{
    padding: 10px 20px 20px 20px;
    background: #fff;
    color: #333;
}
.login_tip .lt_content h3{
    font-size: 16px;
}
.login_tip .lt_content p{
    font-size: 14px;
    padding: 20px 0;
}
.login_tip .lt_btn{
    height: 38px;
    background: #f5f7fa;
    border-top: 1px solid #ebeff2;
    position: relative;
}
.login_tip .lt_btn .lg_lt_btn{
    position: absolute;
    right: 20px;
    top: 8px;
    width: 68px;
    height: 24px;
    border: 1px solid #c2c2c2;
    cursor: pointer;
}
.login_tip .lt_colse{
    width: 24px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #333;
    font-size: 28px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}